import React from 'react';
// 这个组件是抽离出来的输入框组件
let scaleName = {
    c:'摄氏度',
    f:'华氏度'
}
class TemInput extends React.Component {
 
    handleChange = (e) => {
      //在子组件中调用传递过来的事件，并且将e.target.value传递过去
      this.props.onTemplateChange(e.target.value)
    }
    render() {

        let {scale,val} = this.props //将传递过来的参
        return (
            <fieldset>
                <legend>{scaleName[scale]}</legend>
                <input type="text" value={val} onChange={this.handleChange} />
                {/* 引入我们定义的展示内容的组件 */}
                {/* temperate={this.state.val}因为在这个组件中要接受temperate，所以我们在这里要传temperate过去， */}
            </fieldset>
        )
    }
}
export default TemInput